Thank you for purchasing this theme. This documentation consists of several parts and covers the entire process of installing and setting up theme starting from scratch.

We did our best to make this documentation as clear as possible. However, if you have any difficulties with this theme or any suggestions on improving the template or the documentation, please contact our customer support via the feedback form on this page or send an email to nordthemes@gmail.com

After purchasing a theme from ThemeForest, you need download and install it on your website. This tutorial will show you how to do that very quick and easy.

Download a theme from ThemeForest

After you completed the purchasing a theme on ThemForest, a download button will appear. Click on that button to download the theme and save the package on your computer.

If you did not download the theme after purchase, you need log into your account on ThemeForest and navigate to a Downloads page. The downloads section displays a list of all the items purchased using your account.

Click the Download button next to the item and select All files & documentation which contains all files, or Licence Certificate and Purchase Code for the item licence information only.

Save the package on your computer. The downloaded file will be named something like this
themeforest-21614603-weeland-lifestyle-wordpress-blog-theme.zip

Unpacking

Extract the downloaded .zip package using your standard zip software. When the extraction is completed you should have a folder with the following folders and files inside:

• Theme Files — This folder contains weeland.zip file. This is the parent WordPress Theme, install this via WordPress. If you install it via FTP then unzip it first, then use the extracted folder.
• Child Theme — This folder contains the weeland-child.zip file. The child theme is only for users who make code changes.
• Documentation — Theme documentation.
• Licensing — Theme license files.

You can install the theme in two ways: through WordPress, or via FTP.

Install via Dashboard

1. Log in to the WordPress Administration Panels.
2. After you have logged in, navigate to the Appearance > Themes.

3. Click the Add New button on the top of the screen.

   

4. On the next page, click the Upload Theme button on the top of the screen.

   

5. Click the Choose File button to open up a dialog to browse your computer and navigate to Theme Files folder (it is located in the extracted package folder). Select the file weeland.zip and click Install Now.

6. Please wait a few seconds, WordPress will upload and extract the theme archive for you. All you need to do next is to press the Activate link under the message for successful theme installation.

   

7. Done! Now you can open the homepage of your site and see the newly activated theme.

Install via FTP

1. Navigate to the Theme Files folder (it is located in the extracted package folder) and extract the file weeland.zip using your standard zip software.
2. Using an FTP client to access your host web server.
3. Go the the WordPress root folder on your server, then go to /wp-content/themes/ folder.
4. Upload the weeland folder that you extracted from the zip into the themes folder.
5. Log in to the WordPress Administration Panels.
6. Navigate to the Appearance > Themes. On this page you should see the Weeland in the list of themes.

7. Move the cursor on the block with the Weeland theme and click the Activate button.

   

8. Done! Now you can open the homepage of your site and see the newly activated theme.

To update the theme, login to your marketplace account and re-download the theme package like you did when you purchased it. Extract the downloaded ZIP file.

1. Log in to the WordPress Administration Panels.
2. Navigate to the Appearance > Themes menu.
3. Since WordPress does not recognize that the theme is already installed when you upload a new zip file, you will get a ‘Theme Destination already exists’ error if you try to install the theme. Therefore you have to deactivate and delete the old theme and afterwards install and activate the new theme version.
4. Deactivate the theme by activating another.

5. Click on the screenshot of the Weeland theme. This will open the Theme Details popup box.

   

6. Click on the Delete button in the bottom right corner to remove all theme files.
7. Upload the new version weeland.zip and install the theme.

A child theme is a theme that inherits the functionality and styling of another theme, called the parent theme. Child themes are the recommended way of modifying an existing theme.

Why use a Child Theme?

There are a few reasons why you would want to use a child theme:

• If you modify a theme directly and it is updated, then your modifications may be lost. By using a child theme you will ensure that your modifications are preserved.
• Using a child theme can speed up development time.
• Using a child theme is a great way to learn about WordPress theme development.

Child Theme Install

1. Log in to the WordPress Administration Panels.
2. Navigate to the Appearance > Themes menu.
3. Click the Add New button on the top of the screen.
4. On the next page, click the Upload Theme button on the top of the screen.
5. Click the Choose File button to open up a dialog to browse your computer and navigate to Child Theme folder (it is located in the extracted package folder). Select the file weeland-child.zip and click Install Now.
6. Please wait a few seconds, WordPress will upload and extract the theme archive for you. All you need to do next is to press the Activate link under the message for successful theme installation.
7. That's it! Now you can add custom CSS code and PHP functions.

How to use the child theme

1. After install the child theme navigate to Wordpress admin panel.
2. Navigate to the Appearance > Editor menu.
3. In the section titled Templates, you will see a list of files that you can edit:
• functions.php — This lets you add additional functions, classes and hooks to Wordpress theme without needing to alter the code within the functions file of the parent theme.
• style.css — This lets you add or change the theme styles (colors, sizes, fonts, backgrounds etc.) without needing to change the code within the style.css file of the parent theme.
4. Select the file you want to change and add your PHP/CSS code in the editor on the left side.
5. Click the Update File button when you're finished editing a file.

Weeland theme supports the custom navigation menus. You can add a menu to header of your site. WordPress comes with a simple user interface that makes it quite easy for beginner users to create and manage menus.

Creating Menus

1. Log in to the WordPress Administration Panels.
2. Navigate to Appearance > Menus section.
3. If you don’t have any menus, click the Create Menu button and create a new menu.
4. From the blocks on the left side select pages that you want to add in your menu. Click the Add to Menu button.
5. Once you've added a few items to your menu, you will see the added menu items on the right side in the Menu Sctructure section.
6. If you want to rename a menu item, click the down arrow of a menu item to display its properties. You can then edit the navigation label that is displayed on menus.
7. You can also change the order of menu items. Whilst holding the left mouse button, drag menu item to the top or bottom.
8. To create a drop down menu drag a menu item slightly to the right of the menu item above it to create a sub item relationship in the menu.
9. Scroll to the bottom of the menu editor window. In the section titled Theme locations, click the check box for the location where you want your menu to appear.
10. Click Save Menu button.

Weeland theme is fully customizable. Using the Options panel, you can change the layout, colors, background image, etc.

Customizer

Weeland theme supports the Wordpress Customizer. The Customizer is a framework for live-previewing any change to WordPress. It provides a simple and consistent interface for users to customize various aspects of their theme and their site, from colors and layouts to widgets, menus, and more. Themes and plugins alike can add custom options to the Customizer. The Customizer is the canonical way to add options to your theme.

To access the Wordpress Customizer, log in to the WordPress Administration Panels and navigate to Appearance > Customize.

Site Title & Tagline

To change the site title, tagline and description, follow these steps:

Logo

The logo is displayed in the header of the site. You can set any image as a logo and change its size. Follow the below steps to set logo in your site:

Favicon

Follow the below steps to set favicon in your site.

Social Icons

The social profiles buttons are displayed on the header and footer of site. Weeland theme supports 30 social network buttons, which you can use to get followers to your site.

Sidebar Image

To change the background image of the sidebar of your site, follow these steps:

Copyright Text

The copyright text is displayed in the footer of the sidebar. You can change the copyright text using HTML tags.

Colors

You can easily and quickly change the colors of some elements of the site. To create your color scheme, follow these steps:

Post Options

In this section, you can configure the display options for a single post.

Posts Grid Options

In this section, you can configure the display options for a posts grid.

Share Buttons

The social media share buttons lets you share a page with your friends and contacts using your social media channels. The share buttons are displayed after the page content. You can enable or disable the display of some of the buttons.

Custom CSS

You can quickly and easily add your custom CSS code. Your CSS code will have the highest priority and will override the primary styles.

Creating a post

Posts are entries that display in reverse order on your home page. Posts usually have comments fields beneath them and are included in your site's RSS feed.

1. Log in to your WordPress Administration Panel (Dashboard).
2. Click the «Posts» tab.
3. Click the «Add New» sub-tab.
4. Start filling in the blanks: enter your post title in the upper field, and enter your post body content in the main post editing box below it.
5. As needed, select a category, add tags, and make other selections from the sections below the post. (Each of these sections is explained below.)
6. When you are ready, click «Publish».

«Read More» button

Do you want to a show a summary of your article on your homepage with a read more link? Adding the More Tag in your posts is quite simple.

1. Start a creating new post. Add content to your post.
2. Place the cursor at the point where you want to break the post.

3. Go to your visual editor toolbar and select the Insert Read More tag button where you’d like the excerpt for your post to end.

   

4. When you are ready, click «Publish (or Update)».

Sticky Post

You can attach post on home page, it will always appear above other posts. Making Sticky Posts in WordPress is really easy.

Featured Image

The featured image is displayed at the beginning of each of your blog, in a block of related articles and search results.

1. Open the editor of the post or page where you want to display a unique custom header image, and locate the «Featured Image» module in the bottom right corner. Click the Set featured image button.

   

   If you don’t see the Featured Image module on your Add New or Edit Post page, please make sure you’ve selected «Featured Image» in your Screen Options.

2. After clicking the «Set featured image» link follow the same steps as inserting images in Posts and Pages. Once you have selected the featured image and determined the image settings, click on the blue "Set featured image" button, to set it as the featured image for your page or post.

Individual Sidebar Image for Posts/Pages

For each post and page, you can set a personal image of the sidebar.

1. Open the editor of the post or page where you want to display a unique custom header image, and locate the «Sidebar Image» module in the bottom right corner. Click the Set sidebar image button.

   

2. After clicking the «Set sidebar image» link follow the same steps as inserting images in Posts and Pages. Once you have selected the sidebar image and determined the image settings, click on the blue "Choose image" button, to set it as the featured image for your page or post.

Post Galleries

Image galleries are a great way to share groups of pictures on your WordPress site. The Create Gallery feature of the WordPress media uploader allows you to add a simple image gallery to pages or posts on your site. Wild Book support three types of gallery: Standard Thumbnails Grid, Slideshow and Masonry (Mosaic). Add a gallery to your post very easily and quickly:

1. A gallery can go anywhere on a page or post - by itself on a blank page, or above, below, or in the midst of text. Start by placing your cursor where you want the gallery to appear - if it's in between blocks of text, like in the photo example below, consider adding a return and placing your cursor on a new line so there's space above and below.

   

2. Once you've placed your cursor where you want your image gallery to appear, click on the Add Media button (located left above the editing window) to launch the media uploader interface. In the resulting popup window, select the 'Create a Gallery' option from the list of actions on the left.

   

3. You can add or select the images you want to include in your image gallery by choosing from either of the following options in the center of the media uploader window:

   • Upload Files: Upload the images you want to use from your computer by dragging them into the upload area. You can add more than one image, and they will be automatically grouped together as an image gallery.
   • Media Library: Select from previously uploaded images in the media library by clicking on the ones you wish to add to the gallery. You will see a checkbox next to your selections.

   

   As you upload and/or select images, you will see your selection confirmed on the Insert Media screen by check boxes at the top corner of each thumbnail. Also, a row of thumbnails appears at the bottom of the window to help you keep track of all the images you’ve selected. When you are happy with your selection, click the Create a new gallery button.

   

4. On the Edit Gallery page, you can do the following things before inserting the gallery you have created into your page or post:

   • Rearrange your images: Drag and Drop image thumbnails to rearrange the order of images in your gallery.
   • Reverse Order: Reverses the order of the images in your gallery.
   • Add image descriptions: Add descriptions to your images (optional) which appear as image captions below each thumbnail in the gallery.
   • Remove images: Hover over a thumbnail and click on the "X" to remove any of the images you previously selected.
   • Add more images: Click on the "Add to Gallery" link in the left hand sidebar and add or select the images you want to include in your image gallery by choosing from either "Upload Files" or "Media Library" tabs.
   • Cancel Gallery: Click on the "Cancel Gallery" link from the actions on the left to exit the Edit Gallery page and cancel your image gallery.
   

5. Before inserting your gallery, you also have several Gallery Settings available in a pane on the right to control the following:

   • Links To: Controls whether the gallery thumbnails (on the published page/post) link to the image attachment page or directly to the source image file itself.
   • Columns: Set the number of columns you would like to have in your gallery. 3 Columns is the default settings, which is ideal for most sites.
   • Random Order: Enables your gallery to display your image thumbnails in a random order each time they are viewed on the site.
   • Size: Changes each image size in gallery. Available options are Thumbnail, Media, Large and Full Size.
   • Type: Type of the gallery. Available options are Thumbnail Grid, Carousel and Masonry.
   
6. When you finished click the Insert Gallery button.

Editing Existing Galleries

Within the visual editor, the image gallery is displayed as a series of thumbnail images.

When you click any area of the image gallery, icon buttons appear top of the area. At any time, you can edit the images or settings of your gallery by clicking on the Edit button. You can remove the image gallery at any time by clicking on the Remove button.

Author Section

Do you want to add an author information block in your blog posts? The author info box is a small section where you can display information about the post author. In this tutorial, we will show how to add an author info block after the post.

1. Log in to the WordPress Administration Panels.
2. Navigate to the Users > Your Profile menu.
3. Enter your bio text to "Biographical Info" field. You can use a HTML tags.
4. Click «Update Profile» button.

Contact Form

Before creating a contact form you need to install and activate the plugin «Contact Form 7»

1. Log in to the WordPress Administration Panels.
2. Navigate to the Plugins > Add New menu.

3. Type Contact Form 7 into the Search Plugins field and hit Enter. Once found, you can view details on the point release, rating and description.

   

4. Click the «Install Now» button.
5. Wait a few seconds and click the «Activate» button.
6. Now the plugin is installed and ready to use.

Creating Contact Page

Now you need create a contact form and contact page.

1. Go to Wordpress admin panel.
2. Go to Contact > Add New.
3. Click button «Add New».
4. Enter a form title (eg. My contact form).
5. Adjust display options of form, email settings, system and response messages. For more information on the form settings you can read here Contact Form 7 Docs
6. Click button «Save».

7. Copy the shortcode located under the title field.

   

8. Create a new page Pages > Add New.
9. Enter a page title and paste shortcode to post editor. Before and after the shortcode you can add text and pictures.
10. When you are ready, click «Publish».
11. Now a form ready for use.

Weeland theme has three areas widgets located in the footer of the site. To add widgets to the footer of your site, follow these steps:

1. Log in to the WordPress Administration Panels.
2. Navigate to the Appearance > Widgets menu.
3. Choose a Widget and either drag it to the sidebar where you wish it to appear, or click the widget, (select a destination sidebar if your theme has more than one) and click the Add Widget button.
4. Preview the site. You should find that the "default" sidebar elements are now gone and only the new addition is visible.
5. Return to the Widgets Panel to continue adding Widgets.
6. To customize the Widget features, click the down arrow in the upper right corner to expand the Widget's interface.
7. To save the Widget's customization, click Save.
8. To remove the Widget, click Remove or Delete.

To add a subscription widget to your blog, you need to install and activate the MailChimp for WordPress plugin.

MailChimp is an email marketing platform. This kind of service is typically used for creating email newsletters or advertisements that people opt-in to receive, often by entering their email address into a form on your website.

You can integrate MailChimp with social media services and your applications to collect contacts for your lists of recipients.

Emails sent by MailChimp on your behalf comply with anti-spam regulations, which is important to reduced the chance that your messages will be filtered into spam.

First Steps

Before installing the widget, you need to create account on the MailChimp site and get a unique API key.

1. Go to the MailChimp site and create a new account.
2. Generate the API key in your account page. How to generate MailChimp Api key.

Installing the plugin

1. Log in to the WordPress Administration Panels.
2. Navigate to the Plugins > Add New menu.
3. Type MailChimp for WordPress into the Search Plugins field and hit Enter.
4. In the search result navigate to the block with "MailChimp for WordPress" title and click Install Now.
5. Wait a few seconds and click Activate button.
6. Now the widget is installed and ready to use.

Connecting to MailChimp

Before using the widget, you need to connect to the MailChimp service.

1. Log in to the WordPress Administration Panels.
2. Navigate to the MailChimp for WP in the left side menu.
3. In the MailChimp API Settings section enter your API key to the API Key field.
4. Click Save Changes.

When you finished go to Appearance > Widgets and add the MailChimp Sign-Up Form to one of the widget areas.

If you want to change Subscribe Form go to MailChimp for WP > Forms and edit the form in the Form Fields field.

Images

• Unsplash

Java Scripts

• FitVids
• Images Loaded

Fonts

• Lora
• Oswald